<template>
	<router-view v-slot="{ Component, route }">
		<transition :name="route.meta.transitionName">
			<keep-alive :include="['home']">
				<component :is="Component" />
			</keep-alive>
		</transition>
	</router-view>
</template>

<style lang="less" scoped>
.slide-in-enter-active,
.slide-in-leave-active,
.slide-out-enter-active,
.slide-out-leave-active {
	transition: transform 0.3s cubic-bezier(0.25, 1, 1, 1);
}

.slide-in-enter-from {
	transform: translateX(100%);
}

.slide-out-leave-to {
	transform: translateX(100%);
}
</style>
